@charset "utf-8";
/*CSS Document*/
#content .box{padding:10px 10px 80px}
#uptitle{line-height:16px;vertical-align:top;padding:0 0 5px 24px;background:url(images/upicon.gif) no-repeat 7px 3px!important;background-position:7px 2px;}
fieldset{padding:15px 0 5px;border:none;}
fieldset,input{vertical-align:middle}
#file,#fileurl,#filetitle,#filedisc,#filetag{padding:1px 0 1px 4px;border:1px solid;border-color:#7c7c7c #c3c3c3 #ddd;vertical-align:middle;width:308px;background:#fff;}
#fileurl{color:#999;}
#filedisc{height:115px}
#file{width:318px}                 
legend{display:none}
fieldset .clearfix{padding:9px;line-height:22px}
#upload .fmlb{width:80px;text-align:right;font-weight:bold;padding-right:12px;}
.btdbd .fL{width:440px;}
div.des{width:300px;color:#666;padding-top:5px;line-height:1.5em;}
#video-type{display:none;width:300px;padding:5px;font-weight:bold;border:1px dashed #ccc;color:#666;}
#uphelp{padding-left:10px}
#uphelp h3{float:left;font-weight:bold;padding-right:10px}
#uphelp p{float:right;width:200px}
#uphelp a{display:block}
#uphelp .clearfix{padding:5px 0}
#uphelp .btdbd{padding:10px 0;margin-bottom:5px}
#uptag{padding-top:10px}
#uptag a{padding-right:5px}
#showtag{padding:0 10px;color:#353535}
#upspecial label,#upsort label{padding:0 10px 0 5px;cursor:pointer}
#upsort .upsort{width:460px;*width:530px!important;*width:460px;}
#spclist{margin-top:10px;width:205px;padding-left:5px;margin-right:18px}
option{padding-left:5px}
/*upstatus*/
#upstatus{padding:25px 20px;display:none; width:80%; margin:auto;}
#up-pro{padding:15px 15px 15px 0;}
#up-progress-wrapper{width:425px;padding:1px;height:12px;margin:5px 15px 5px 0;}
#up-progress{background-color:#5ebf00;width:1px;height:12px;}
#upspeed span{padding-right:70px}
#uptext{width:210px;background:url(images/uping.gif) no-repeat right center;}
#cancelup{float:left;cursor:pointer;width:76px;height:26px;vertical-align:middle;background:url(images/cancelup.gif) no-repeat center;border:none;}
/*upcomplete*/
#upcomplete{padding-bottom:45px;line-height:22px}
#upcomplete h2{font-size:14px;background:url(images/success.gif) no-repeat 38px center;padding:25px 0 25px 60px}
#upcomplete .fmlb{width:56px;padding:0 15px 0 10px}
#upcomplete dd{width:505px}
#upcomplete .tpdbd{padding:20px 0 0 10px}
#manage,#ctnup{cursor:pointer;width:96px;height:29px;margin-right:22px;background:url(images/ctnup.gif) no-repeat center;border:none;}
#manage{width:109px;background-image:url(images/manage.gif)}
#browserbtn,#upbtns,#upbtns input{vertical-align:middle}
#upbtns{padding:20px 25px}
#browserbtn{cursor:pointer;width:52px;height:26px;margin-left:15px;border:0;background:url(images/up.gif) no-repeat center center;}
#uphelp h2{padding:10px 0}                                            
#flashgame{background:url(images/flashicon.gif) no-repeat 15px center;padding:26px 50px;margin-top:130px}
#flashselect{margin:0 10px;vertical-align:middle}
#flashshow{background:url(images/flashshow.gif) no-repeat center;width:23px;height:23px;border:none;vertical-align:middle;cursor:pointer}
#game{padding:15px 0 0 45px;width:505px}
#gameinf{padding-bottom:10px}      
#gameinf a{padding:0 10px 0 15px;color:#353535}
#game h3{padding:10px 0 5px}
#game p{line-height:150%}                 
#uperror{border:1px solid #FFD9BF;background:#FFF5F5;margin-top:20px;padding:10px;color:#f60;display:none;}
/*Album*/
.btnf4{font-weight:bold;color:#333;line-height:33px;height:33px;width:102px;text-align:center;background:url(images/btnbg.gif) no-repeat;border:0;margin:0pt 28px 0pt 75px;cursor:pointer;}				
#upagreement{line-height:200%;margin:10px 0 0 395px}	
/*Photo Upload*/
.uploadControl {text-align:center; vertical-align:top;}
#photoupload .uploadControl button, .button{margin:10px 0 10px;padding:5px 10px;}
#photoupload #upstatus{padding-left:0;}
#photoupload #photolist{margin-top:10px;}
#photoupload #photolist li{width:170px;margin-right:10px;text-align:center;border:0 solid red;float:left;margin-bottom:10px;height:100px;overflow:hidden; list-style:none;}
#photoupload #photolist li .uperror{background:url(images/error.gif) no-repeat 5px center;border:1px solid #F60;color:#000;padding:2px;padding-left:20px;}
#photoupload #photolist img{display:block;margin-bottom:3px;}
#photoupload #photolist li label{color:#353535;margin-right:5px;}
#photoupload #photolist li input.txt{padding:3px 4px;border:1px solid;border-color:#7c7c7c #c3c3c3 #ddd;vertical-align:middle;width:120px;background:#fff;}
#photoupload #upbtn{margin:10px 0 10px;}
a.red , a.red:visited{color:#4B4B4B;text-decoration:underline;}
a.red:hover{color:red;}
#step2,#step3,#cancelup{display:none;}
#donestatus{padding:15px 0 15px 25px;border:1px solid #00BE00;background:url(images/success.gif) no-repeat 5px center;color:#000;display:none; width:80%; margin:auto; margin-bottom:10px; margin-top:10px;}
#photoupload .sendToGroup{padding:10px 3px;background:#efefef margin-top:5px;}
#photoupload .sendToGroup .title{margin-bottom:5px;font-weight:bold;}
#photoupload .sendToGroup input{vertical-align:middle;}

/*编辑时的两个选项切换*/
#home-feed-type {
	border-bottom:1px solid #C5D7E9;
	height:24px;
	margin:10px 0 10px;
}
#home-feed-type ul.list {
	float:left;
	margin-bottom:-1px;
	margin-left:5px;
}
#home-feed-type li {
	background:#D8E4F0 none repeat scroll 0 0;
	float:left;
	height:22px;
	margin:2px 5px 0 0;
	padding:0 1px;
}

#home-feed-type li a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
}

#home-feed-type li.current {
	background:#FFFFFF none repeat scroll 0 0;
	border-left:1px solid #C5D7E9;
	border-right:1px solid #C5D7E9;
	border-top:1px solid #C5D7E9;
	height:24px;
	margin-top:0;
	padding:0;
}

#home-feed-type li.current a {
	color:#000000;
	padding-top:5px;
}

#home-feed-type li a:hover {
	background-color:#2E8AE6;
	color:#FFFFFF;
	text-decoration:none;
}

#home-feed-type li.current a:hover {
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
}

/*上传的效果*/
.progressWrapper {
	width: 48%;
	float:left;
	margin:0 auto;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
	height:40px;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 12px;
	font-weight: 700;
	color: #555;
	width: 270px;
	height: 16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

